<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Bezier Animation</title>
    <script src="../dist/quark-renderer.js"></script>
</head>
<body>
    <div id="main" style="width:1000px;height:600px;"></div>
    <script type="text/javascript">
        var qr = QuarkRenderer.init(document.getElementById('main'));

        var line = new QuarkRenderer.Line({
            position: [0, 0],
            shape: {
                x1: 10,
                y1: 400,
                x2: 300,
                y2: 30
            },
            style:{
                text:'text on line'
            },
            draggable: true
        });

        qr.add(line);
    </script>
</body>
</html>